/* SCROLLBAR */

[dark-scroll]::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

[dark-scroll]::-webkit-scrollbar-track-piece {
    background-color: #2b2b2b;
    border: 1px solid #1d1d1d;
}

[dark-scroll]::-webkit-scrollbar-thumb {
    height: 10px;
    background-color: #4d4d4d;
}

[dark-scroll]::-webkit-scrollbar-thumb:hover {
    background-color: #5a5a5a;
}

/* GROUPING */

[data-id].ui-selecting {
    box-shadow: inset 0 0 0 1px #4285f4 !important;
}

[data-id].ui-selected {
    box-shadow: inset 0 0 0 1px #4285f4 !important;
}

/* CURSOR */

body[mode="comments"] * {
    cursor: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjkxNjQ4IDIzLjQxMDlDNS40OTE1MyAyMi45ODg3IDUuOTMxNzkgMjIuMzkzNSA2LjIzMjggMjEuNjQwN0M0Ljc5MDY5IDE5LjczODMgNCAxNy4zOTMzIDQgMTQuOTk3NUM0IDguOTM0MSA4LjkzMjgyIDQgMTUuMDAyMiA0QzIxLjA3MTcgNCAyNiA4LjkzOTE5IDI2IDE1LjAwMjVDMjYgMjEuMDY1OSAyMS4wNjcyIDI2IDE0Ljk5NzggMjZDMTIuOTg5NiAyNiAxMS4wMzUzIDI1LjQ1NTcgOS4zMjM2NyAyNC40MjMxQzguNDI5NjUgMjQuOTU3MiA3LjQxNDM0IDI1LjIyNjggNi4zMDAxOCAyNS4yMjY4QzUuOTU0MjYgMjUuMjI2OCA1LjU5OTM1IDI1LjIwMTQgNS4yNTM0MiAyNS4xNDU0QzQuOTAzIDI1LjA4OTUgNC42Mjg5NiAyNC44MDQ2IDQuNTUyNTggMjQuNDE4QzQuNDc2MjEgMjQuMDI2NCA0LjYxOTk3IDIzLjYyOTYgNC45MTY0OCAyMy40MTA5WiIgZmlsbD0iI0ZGNjI1MCIvPgo8L3N2Zz4K") 0 24,
        auto !important;
}

/* default node state */

body[mode="code"] [data-id]:not(.hidden),
body[mode="comments"] [data-id]:not(.hidden) {
    pointer-events: all;
}

/* is_image */

body[mode="code"] [data-id].is_image [data-id],
body[mode="comments"] [data-id].is_image [data-id] {
    pointer-events: none !important;
}


.screen textarea:focus,
.screen input:focus {
    outline: none;
}

.screen * {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}

.screen div {
    -webkit-text-size-adjust: none;
}

.screen a {
    display: contents;
    text-decoration: none;
}

.full-width-a {
    width: 100%;
}

.full-height-a {
    height: 100%;
}

.container-center-vertical {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 100%;
    pointer-events: none;
}

.container-center-vertical>* {
    flex-shrink: 0;
    pointer-events: auto;
}

.container-center-horizontal {
    display: flex;
    flex-direction: row;
    justify-content: center;
    pointer-events: none;
    width: 100%;
}

.container-center-horizontal>* {
    flex-shrink: 0;
    pointer-events: auto;
}

.overlay {
    display: none;
    height: 100%;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

.align-self-flex-start {
    align-self: flex-start;
}

.align-self-flex-end {
    align-self: flex-end;
}

.align-self-flex-center {
    align-self: flex-center;
}

.valign-text-middle {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.valign-text-bottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

input:focus {
    outline: none;
}

.hidden,
.hidden * {
    pointer-events: none;
    visibility: hidden;
}

* {
    box-sizing: border-box;
}

:root {
    --asparagus: #8a9f6b;
    --asparagus-2: #8a9f6b9c;
    --athens-gray: #e9e9f2;
    --black: #000000;
    --bombay: #b5b7b9;
    --cararra: #ebebeb;
    --grain-brown: #e4c8b7;
    --gravel: #4b4b4b;
    --gray: #8181811a;
    --gray-2: #80808021;
    --mist-gray: #c4c4c4;
    --rodeo-dust: #ccb2a2;
    --shady-lady: #aaaaaa;
    --swirl: #d3cbcb;
    --white: #ffffff;

    --font-size-l: 20px;
    --font-size-m: 18px;
    --font-size-s: 12px;
    --font-size-xl: 30px;
    --font-size-xxl: 40px;
    --font-size-xxxl: 50px;
    --font-size-xxxxl: 100px;

    --font-family-arbutus_slab: "Arbutus Slab", Helvetica;
    --font-family-mulish: "Mulish", Helvetica;
}

.arbutusslab-normal-rodeo-dust-18px {
    color: var(--rodeo-dust);
    font-family: var(--font-family-arbutus_slab);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.arbutusslab-normal-gravel-20px {
    color: var(--gravel);
    font-family: var(--font-family-arbutus_slab);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
}

.arbutusslab-normal-shady-lady-18px {
    color: var(--shady-lady);
    font-family: var(--font-family-arbutus_slab);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.arbutusslab-normal-shady-lady-20px {
    color: var(--shady-lady);
    font-family: var(--font-family-arbutus_slab);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
}

.arbutusslab-normal-mist-gray-18px {
    color: var(--mist-gray);
    font-family: var(--font-family-arbutus_slab);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.mulish-normal-bombay-12px {
    color: var(--bombay);
    font-family: var(--font-family-mulish);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
}

.arbutusslab-normal-white-20px {
    color: var(--white);
    font-family: var(--font-family-arbutus_slab);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
}

.arbutusslab-normal-asparagus-20px {
    color: var(--asparagus);
    font-family: var(--font-family-arbutus_slab);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
}

.arbutusslab-normal-white-40px {
    color: var(--white);
    font-family: var(--font-family-arbutus_slab);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 400;
}

.arbutusslab-normal-rodeo-dust-40px {
    color: var(--rodeo-dust);
    font-family: var(--font-family-arbutus_slab);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 400;
}

.arbutusslab-normal-swirl-40px {
    color: var(--swirl);
    font-family: var(--font-family-arbutus_slab);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 400;
}

.border-1px-athens-gray {
    border: 1px solid var(--athens-gray);
}

/* screen - o-nama */

.o-nama {
    background-color: var(--white);
    height: 3246px;
    mix-blend-mode: normal;
    overflow-x: hidden;
    position: relative;
    width: 1440px;
}

.o-nama .picsart_22-06-29_18-20-50-598-1-h1CoXI {
    background-color: transparent;
    height: 706px;
    left: 0px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 180px;
    width: 1440px;
}

.o-nama .group-21-h1CoXI {
    background-color: transparent;
    height: 328px;
    left: 0px;
    position: absolute;
    top: 2918px;
    width: 1442px;
}

.o-nama .rectangle-2-xAjFGM {
    background-color: var(--rodeo-dust);
    height: 328px;
    left: 0px;
    mix-blend-mode: normal;
    position: absolute;
    top: 0px;
    width: 1440px;
}

.o-nama .diviteagmailcom-033-123-456-xAjFGM {
    background-color: transparent;
    height: auto;
    left: 606px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 99px;
    width: 228px;
}

.o-nama .o-nama-h1CoXI {
    background-color: transparent;
    height: 28px;
    left: 437px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    text-decoration: underline;
    top: 113px;
    width: 79px;
}

.o-nama .novo-h1CoXI {
    background-color: transparent;
    cursor: pointer;
    height: 28px;
    left: 568px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    text-decoration: underline;
    top: 113px;
    width: 57px;
}

.o-nama .snieno-h1CoXI {
    background-color: transparent;
    cursor: pointer;
    height: 28px;
    left: 677px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    text-decoration: underline;
    top: 113px;
    width: 87px;
}

.o-nama .proizvodi-h1CoXI {
    background-color: transparent;
    cursor: pointer;
    height: 28px;
    left: 816px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    text-decoration: underline;
    top: 113px;
    width: 99px;
}

.o-nama .kontakt-h1CoXI {
    background-color: transparent;
    cursor: pointer;
    height: 28px;
    left: 967px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    text-decoration: underline;
    top: 113px;
    width: 81px;
}

.o-nama .group-25-h1CoXI {
    background-color: transparent;
    height: 90px;
    left: 60px;
    position: absolute;
    top: 986px;
    width: 594px;
}

.o-nama .naa-misija-3kxha2 {
    background-color: transparent;
    color: var(--grain-brown);
    font-family: var(--font-family-arbutus_slab);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 139px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 309px;
}

.o-nama .line-1-3kxha2 {
    background-color: transparent;
    height: 1px;
    left: 60px;
    position: absolute;
    top: 90px;
    width: 592px;
}

.o-nama .group-26-h1CoXI {
    background-color: transparent;
    height: 90px;
    left: 788px;
    position: absolute;
    top: 986px;
    width: 594px;
}

.o-nama .naa-vizija-K1mJ1I {
    background-color: transparent;
    color: var(--grain-brown);
    font-family: var(--font-family-arbutus_slab);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 139px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 309px;
}

.o-nama .line-1-K1mJ1I {
    background-color: transparent;
    height: 1px;
    left: 788px;
    position: absolute;
    top: 90px;
    width: 592px;
}

.o-nama .stvoriti-visoko-kval-h1CoXI {
    background-color: transparent;
    height: auto;
    left: 82px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 1109px;
    width: 570px;
}

.o-nama .biti-mjesto-broj-jed-h1CoXI {
    background-color: transparent;
    height: auto;
    left: 788px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 1109px;
    width: 592px;
}

.o-nama .group-25-KyBcQR {
    background-color: transparent;
    height: 143px;
    left: 0px;
    position: absolute;
    top: 1354px;
    width: 1442px;
}

.o-nama .rectangle-1-1uPG6p {
    background-color: var(--asparagus-2);
    height: 143px;
    left: 0px;
    mix-blend-mode: normal;
    position: absolute;
    top: 0px;
    width: 1440px;
}

.o-nama .okusi-prirodno-i-fino-1uPG6p {
    background-color: transparent;
    height: 91px;
    left: 123px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 26px;
    width: 1200px;
}

.o-nama .group-26-KyBcQR {
    background-color: transparent;
    height: 221px;
    left: 0px;
    position: absolute;
    top: 1838px;
    width: 1440px;
}

.o-nama .rectangle-2-l9KzRT {
    background-color: var(--gray);
    height: 221px;
    left: 0px;
    mix-blend-mode: normal;
    position: relative;
    top: 0px;
    width: 1440px;
}

.o-nama .slika8-1-h1CoXI {
    background-color: transparent;
    height: 312px;
    left: 60px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 1623px;
    width: 312px;
}

.o-nama .slika5-1-h1CoXI {
    background-color: transparent;
    height: 312px;
    left: 311px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 1838px;
    width: 312px;
}

.o-nama .to-nas-ini-h1CoXI {
    background-color: transparent;
    color: #808080;
    font-family: var(--font-family-arbutus_slab);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 487px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 1716px;
    width: 394px;
}

.o-nama .drukijima-h1CoXI {
    background-color: transparent;
    color: var(--grain-brown);
    font-family: var(--font-family-arbutus_slab);
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 836px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 1706px;
    width: 328px;
}

.o-nama .tritu-nudimo-samo-pa-h1CoXI {
    background-color: transparent;
    color: transparent;
    font-family: var(--font-family-arbutus_slab);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 693px;
    letter-spacing: 0px;
    line-height: normal;
    position: absolute;
    text-align: center;
    top: 1866px;
    width: 660px;
}

.o-nama .span0-nouroh {
    font-style: normal;
}

.o-nama .span1-nouroh {
    font-style: normal;
}

.o-nama .group-27-h1CoXI {
    background-color: transparent;
    height: 80px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 1440px;
}

.o-nama .rectangle-1-Pfz7oY {
    background-color: var(--rodeo-dust);
    height: 80px;
    left: 0px;
    mix-blend-mode: normal;
    position: absolute;
    top: 0px;
    width: 1440px;
}

.o-nama .search-field-Pfz7oY {
    background-color: var(--cararra);
    border-radius: 54px;
    height: 36px;
    left: 1027px;
    mix-blend-mode: normal;
    position: absolute;
    top: 22px;
    width: 261px;
}

.o-nama .icon-outlined-search-QZpKba {
    background-color: transparent;
    height: 16px;
    left: 18px;
    mix-blend-mode: normal;
    position: absolute;
    top: 10px;
    width: 16px;
}

.o-nama .search-QZpKba {
    background-color: transparent;
    border: 0;
    height: 16px;
    left: 43px;
    letter-spacing: 0px;
    line-height: 22px;
    mix-blend-mode: normal;
    padding: 0;
    position: absolute;
    resize: none;
    text-align: left;
    top: 9px;
    white-space: nowrap;
    width: 122px;
}

.o-nama .search-QZpKba::placeholder {
    color: #b5b7b999;
}

.o-nama .logo-1-Pfz7oY {
    background-color: transparent;
    cursor: pointer;
    height: 34px;
    left: 30px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 23px;
    width: 98px;
}

.o-nama .shopping-bag-Pfz7oY {
    background-color: transparent;
    cursor: pointer;
    height: 30px;
    left: 1361px;
    mix-blend-mode: normal;
    position: absolute;
    top: 25px;
    width: 30px;
}

.o-nama .icon-heart-Pfz7oY {
    background-color: transparent;
    cursor: pointer;
    height: 30px;
    left: 1318px;
    mix-blend-mode: normal;
    position: absolute;
    top: 25px;
    width: 30px;
}

.o-nama .na-fokus-je-zdravo-i-h1CoXI {
    background-color: transparent;
    color: var(--asparagus-2);
    font-family: var(--font-family-arbutus_slab);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 238px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 2369px;
    width: 964px;
}

.o-nama .line-1-h1CoXI {
    background-color: transparent;
    height: 1px;
    left: 174px;
    position: absolute;
    top: 2689px;
    width: 1092px;
}

.o-nama .line-2-h1CoXI {
    background-color: transparent;
    height: 1px;
    left: 174px;
    position: absolute;
    top: 2317px;
    width: 1092px;
}

.o-nama .icon-facebook-h1CoXI {
    background-color: transparent;
    height: 30px;
    left: 685px;
    mix-blend-mode: normal;
    position: absolute;
    top: 3107px;
    width: 30px;
}

.o-nama .icon-instagram-h1CoXI {
    background-color: transparent;
    height: 30px;
    left: 725px;
    mix-blend-mode: normal;
    position: absolute;
    top: 3107px;
    width: 30px;
}







.screen textarea:focus,
.screen input:focus {
    outline: none;
}

.screen * {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}

.screen div {
    -webkit-text-size-adjust: none;
}

.component-wrapper a {
    display: contents;
    pointer-events: auto;
    text-decoration: none;
}

.component-wrapper * {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    pointer-events: none;
}

.component-wrapper a *,
.component-wrapper input,
.component-wrapper video,
.component-wrapper iframe {
    pointer-events: auto;
}

.component-wrapper.not-ready,
.component-wrapper.not-ready * {
    visibility: hidden !important;
}

.screen a {
    display: contents;
    text-decoration: none;
}

.full-width-a {
    width: 100%;
}

.full-height-a {
    height: 100%;
}

.container-center-vertical {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 100%;
    pointer-events: none;
}

.container-center-vertical>* {
    flex-shrink: 0;
    pointer-events: auto;
}

.container-center-horizontal {
    display: flex;
    flex-direction: row;
    justify-content: center;
    pointer-events: none;
    width: 100%;
}

.container-center-horizontal>* {
    flex-shrink: 0;
    pointer-events: auto;
}

.auto-animated div {
    --z-index: -1;
    opacity: 0;
    position: absolute;
}

.auto-animated input {
    --z-index: -1;
    opacity: 0;
    position: absolute;
}

.auto-animated .container-center-vertical,
.auto-animated .container-center-horizontal {
    opacity: 1;
}

.overlay {
    display: none;
    height: 100%;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

.overlay.animate-appear {
    animation: reveal 0.3s ease-in-out 1 normal forwards;
    display: block;
    opacity: 0;
}

.overlay.animate-disappear {
    animation: reveal 0.3s ease-in-out 1 reverse forwards;
    display: block;
    opacity: 1;
    pointer-events: none;
}

.overlay.animate-disappear * {
    pointer-events: none;
}

@keyframes reveal {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.animate-nodelay {
    animation-delay: 0s;
}

.align-self-flex-start {
    align-self: flex-start;
}

.align-self-flex-end {
    align-self: flex-end;
}

.align-self-flex-center {
    align-self: flex-center;
}

.valign-text-middle {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.valign-text-bottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

input:focus {
    outline: none;
}

.listeners-active,
.listeners-active * {
    pointer-events: auto;
}

.hidden,
.hidden * {
    pointer-events: none;
    visibility: hidden;
}

.smart-layers-pointers,
.smart-layers-pointers * {
    pointer-events: auto;
    visibility: visible;
}

.listeners-active-click,
.listeners-active-click * {
    cursor: pointer;
}

* {
    box-sizing: border-box;
}

:root {
    --asparagus: #8a9f6b;
    --asparagus-2: #8a9f6b9c;
    --athens-gray: #e9e9f2;
    --black: #000000;
    --bombay: #b5b7b9;
    --cararra: #ebebeb;
    --grain-brown: #e4c8b7;
    --gravel: #4b4b4b;
    --gray: #8181811a;
    --gray-2: #80808021;
    --mist-gray: #c4c4c4;
    --rodeo-dust: #ccb2a2;
    --shady-lady: #aaaaaa;
    --swirl: #d3cbcb;
    --white: #ffffff;

    --font-size-l: 20px;
    --font-size-m: 18px;
    --font-size-s: 12px;
    --font-size-xl: 30px;
    --font-size-xxl: 40px;
    --font-size-xxxl: 50px;
    --font-size-xxxxl: 100px;

    --font-family-arbutus_slab: "Arbutus Slab", Helvetica;
    --font-family-mulish: "Mulish", Helvetica;
}

.arbutusslab-normal-rodeo-dust-18px {
    color: var(--rodeo-dust);
    font-family: var(--font-family-arbutus_slab);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.arbutusslab-normal-gravel-20px {
    color: var(--gravel);
    font-family: var(--font-family-arbutus_slab);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
}

.arbutusslab-normal-shady-lady-18px {
    color: var(--shady-lady);
    font-family: var(--font-family-arbutus_slab);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.arbutusslab-normal-shady-lady-20px {
    color: var(--shady-lady);
    font-family: var(--font-family-arbutus_slab);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
}

.arbutusslab-normal-mist-gray-18px {
    color: var(--mist-gray);
    font-family: var(--font-family-arbutus_slab);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.mulish-normal-bombay-12px {
    color: var(--bombay);
    font-family: var(--font-family-mulish);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
}

.arbutusslab-normal-white-20px {
    color: var(--white);
    font-family: var(--font-family-arbutus_slab);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
}

.arbutusslab-normal-asparagus-20px {
    color: var(--asparagus);
    font-family: var(--font-family-arbutus_slab);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
}

.arbutusslab-normal-white-40px {
    color: var(--white);
    font-family: var(--font-family-arbutus_slab);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 400;
}

.arbutusslab-normal-rodeo-dust-40px {
    color: var(--rodeo-dust);
    font-family: var(--font-family-arbutus_slab);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 400;
}

.arbutusslab-normal-swirl-40px {
    color: var(--swirl);
    font-family: var(--font-family-arbutus_slab);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 400;
}

.border-1px-athens-gray {
    border: 1px solid var(--athens-gray);
}

/* screen - homepage */

.homepage {
    background-color: var(--white);
    height: 3246px;
    mix-blend-mode: normal;
    overflow-x: hidden;
    position: relative;
    width: 1440px;
}

.homepage .rectangle-1-zYNucu {
    background-color: var(--rodeo-dust);
    height: 80px;
    left: 0px;
    mix-blend-mode: normal;
    position: absolute;
    top: 0px;
    width: 1440px;
}

.homepage .picsart_22-06-29_18-20-50-598-1-zYNucu {
    background-color: transparent;
    height: 803px;
    left: 0px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 180px;
    width: 1440px;
}

.homepage .okusi-bogatsvo-okusa-i-doivi-neto-novo-zYNucu {
    background-color: transparent;
    color: var(--white);
    font-family: var(--font-family-arbutus_slab);
    font-size: var(--font-size-xxxxl);
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 303px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 358px;
    width: 835px;
}

.homepage .group-6-zYNucu {
    background-color: transparent;
    height: 263px;
    left: 168px;
    position: absolute;
    top: 1230px;
    width: 1103px;
}

.homepage .group-3-nqDaLw {
    background-color: transparent;
    height: 263px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 272px;
}

.homepage .ellipse-1-RnyIoY {
    background-color: var(--gray-2);
    border-radius: 108px/81px;
    height: 162px;
    left: 27px;
    mix-blend-mode: normal;
    position: absolute;
    top: 51px;
    transform: rotate(-40.19deg);
    width: 216px;
}

.homepage .prirodno-RnyIoY {
    background-color: transparent;
    height: auto;
    left: 42px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 100px;
    width: 228px;
}

.homepage .group-5-nqDaLw {
    background-color: transparent;
    height: 251px;
    left: 856px;
    position: absolute;
    top: 7px;
    width: 249px;
}

.homepage .ellipse-3-T2oNc3 {
    background-color: var(--gray-2);
    border-radius: 79.73px/96.73px;
    height: 193px;
    left: 44px;
    mix-blend-mode: normal;
    position: absolute;
    top: 29px;
    transform: rotate(-40.19deg);
    width: 159px;
}

.homepage .uitak-T2oNc3 {
    background-color: transparent;
    height: auto;
    left: 21px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 93px;
    width: 186px;
}

.homepage .group-4-nqDaLw {
    background-color: transparent;
    height: 196px;
    left: 409px;
    position: absolute;
    top: 34px;
    width: 310px;
}

.homepage .ellipse-2-cBEZDM {
    background-color: var(--gray-2);
    border-radius: 142.34px/68.45px;
    height: 137px;
    left: 12px;
    mix-blend-mode: normal;
    position: absolute;
    top: 30px;
    transform: rotate(-12.65deg);
    width: 285px;
}

.homepage .bogatstvo-cBEZDM {
    background-color: transparent;
    height: auto;
    left: 0px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 66px;
    width: 287px;
}

.homepage .vie-o-tome-zYNucu {
    background-color: transparent;
    color: #aaaaaa9c;
    font-family: var(--font-family-arbutus_slab);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
    height: 28px;
    left: 469px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    text-decoration: underline;
    top: 771px;
    width: 150px;
}

.homepage .group-7-zYNucu {
    background-color: transparent;
    height: 90px;
    left: 113px;
    position: absolute;
    top: 1105px;
    width: 1216px;
}

.homepage .to-vam-nudimo-x78iaO {
    background-color: transparent;
    color: var(--shady-lady);
    font-family: var(--font-family-arbutus_slab);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 379px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 456px;
}

.homepage .line-1-x78iaO {
    background-color: transparent;
    height: 1px;
    left: -110px;
    position: absolute;
    top: 90px;
    width: 1440px;
}

.homepage .group-8-zYNucu {
    background-color: transparent;
    height: 90px;
    left: 113px;
    position: absolute;
    top: 2133px;
    width: 1216px;
}

.homepage .popularno-FxT7aF {
    background-color: transparent;
    color: var(--shady-lady);
    font-family: var(--font-family-arbutus_slab);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 0px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 253px;
}

.homepage .line-1-FxT7aF {
    background-color: transparent;
    height: 1px;
    left: -110px;
    position: absolute;
    top: 90px;
    width: 1440px;
}

.homepage .rectangle-3-zYNucu {
    background-color: transparent;
    height: 276px;
    left: 95px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 2346px;
    width: 276px;
}

.homepage .rectangle-4-zYNucu {
    background-color: transparent;
    height: 276px;
    left: 419px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 2346px;
    width: 276px;
}

.homepage .rectangle-5-zYNucu {
    background-color: transparent;
    height: 276px;
    left: 744px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 2346px;
    width: 276px;
}

.homepage .rectangle-6-zYNucu {
    background-color: transparent;
    height: 276px;
    left: 1068px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 2346px;
    width: 276px;
}

.homepage .group-19-zYNucu {
    background-color: transparent;
    height: 346px;
    left: 0px;
    position: absolute;
    top: 1608px;
    width: 1442px;
}

.homepage .rectangle-1-CRxbVJ {
    background-color: var(--asparagus-2);
    height: 346px;
    left: 0px;
    mix-blend-mode: normal;
    position: absolute;
    top: 0px;
    width: 1440px;
}

.homepage .eli-organski-proizvo-CRxbVJ {
    background-color: transparent;
    height: auto;
    left: 120px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 67px;
    width: 1200px;
}

.homepage .group-11-zYNucu {
    background-color: transparent;
    height: 55px;
    left: 94px;
    position: absolute;
    top: 2640px;
    width: 279px;
}

.homepage .x2199-kn-rcdgXA {
    background-color: transparent;
    height: auto;
    left: 1px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 0px;
    width: 276px;
}

.homepage .group-10-rcdgXA {
    background-color: transparent;
    height: 28px;
    left: 0px;
    position: absolute;
    top: 27px;
    width: 84px;
}

.homepage .boos-tea-rPJMGe {
    background-color: transparent;
    height: 28px;
    left: 0px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 82px;
}

.homepage .group-18-zYNucu {
    background-color: transparent;
    height: 57px;
    left: 1066px;
    position: absolute;
    top: 2640px;
    width: 282px;
}

.homepage .x2499-kn-Oa0x4s {
    background-color: transparent;
    height: auto;
    left: 2px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 0px;
    width: 276px;
}

.homepage .ma-ai-Oa0x4s {
    background-color: transparent;
    height: 28px;
    left: 0px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 29px;
    width: 73px;
}

.homepage .group-14-zYNucu {
    background-color: transparent;
    height: 55px;
    left: 419px;
    position: absolute;
    top: 2640px;
    width: 278px;
}

.homepage .x1999-kn-2rm9lx {
    background-color: transparent;
    height: auto;
    left: 0px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 0px;
    width: 276px;
}

.homepage .group-13-2rm9lx {
    background-color: transparent;
    height: 28px;
    left: 0px;
    position: absolute;
    top: 27px;
    width: 61px;
}

.homepage .mirna-hz3eau {
    background-color: transparent;
    height: 28px;
    left: 0px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 59px;
}

.homepage .group-17-zYNucu {
    background-color: transparent;
    height: 55px;
    left: 744px;
    position: absolute;
    top: 2640px;
    width: 278px;
}

.homepage .x2399-kn-xd2Xvr {
    background-color: transparent;
    height: auto;
    left: 0px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 0px;
    width: 276px;
}

.homepage .group-16-xd2Xvr {
    background-color: transparent;
    height: 28px;
    left: 1px;
    position: absolute;
    top: 27px;
    width: 67px;
}

.homepage .englez-cf9Pso {
    background-color: transparent;
    height: 28px;
    left: 0px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 65px;
}

.homepage .group-21-zYNucu {
    background-color: transparent;
    height: 328px;
    left: 0px;
    position: absolute;
    top: 2918px;
    width: 1442px;
}

.homepage .rectangle-2-b8os2m {
    background-color: var(--rodeo-dust);
    height: 328px;
    left: 0px;
    mix-blend-mode: normal;
    position: absolute;
    top: 0px;
    width: 1440px;
}

.homepage .diviteagmailcom-033-123-456-b8os2m {
    background-color: transparent;
    height: auto;
    left: 606px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 99px;
    width: 228px;
}

.homepage .search-field-zYNucu {
    background-color: var(--cararra);
    border-radius: 54px;
    height: 36px;
    left: 1027px;
    mix-blend-mode: normal;
    position: absolute;
    top: 22px;
    width: 261px;
}

.homepage .icon-outlined-search-uf6XYO {
    background-color: transparent;
    height: 16px;
    left: 18px;
    mix-blend-mode: normal;
    position: absolute;
    top: 10px;
    width: 16px;
}

.homepage .search-uf6XYO {
    background-color: transparent;
    border: 0;
    height: 16px;
    left: 43px;
    letter-spacing: 0px;
    line-height: 22px;
    mix-blend-mode: normal;
    padding: 0;
    position: absolute;
    resize: none;
    text-align: left;
    top: 9px;
    white-space: nowrap;
    width: 122px;
}

.homepage .search-uf6XYO::placeholder {
    color: #b5b7b999;
}

.homepage .o-nama-zYNucu {
    background-color: transparent;
    cursor: pointer;
    height: 28px;
    left: 437px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    text-decoration: underline;
    top: 113px;
    width: 79px;
}

.homepage .novo-zYNucu {
    background-color: transparent;
    cursor: pointer;
    height: 28px;
    left: 568px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    text-decoration: underline;
    top: 113px;
    width: 57px;
}

.homepage .snieno-zYNucu {
    background-color: transparent;
    cursor: pointer;
    height: 28px;
    left: 677px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    text-decoration: underline;
    top: 113px;
    width: 87px;
}

.homepage .proizvodi-zYNucu {
    background-color: transparent;
    cursor: pointer;
    height: 28px;
    left: 816px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    text-decoration: underline;
    top: 113px;
    width: 99px;
}

.homepage .kontakt-zYNucu {
    background-color: transparent;
    cursor: pointer;
    height: 28px;
    left: 967px;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    text-decoration: underline;
    top: 113px;
    width: 81px;
}

.homepage .logo-1-zYNucu {
    background-color: transparent;
    height: 34px;
    left: 30px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 23px;
    width: 98px;
}

.homepage .icon-facebook-zYNucu {
    background-color: transparent;
    height: 30px;
    left: 685px;
    mix-blend-mode: normal;
    position: absolute;
    top: 3107px;
    width: 30px;
}

.homepage .icon-instagram-zYNucu {
    background-color: transparent;
    height: 30px;
    left: 725px;
    mix-blend-mode: normal;
    position: absolute;
    top: 3107px;
    width: 30px;
}

.homepage .shopping-bag-zYNucu {
    background-color: transparent;
    cursor: pointer;
    height: 30px;
    left: 1359px;
    mix-blend-mode: normal;
    position: absolute;
    top: 25px;
    width: 30px;
}

.homepage .icon-heart-zYNucu {
    background-color: transparent;
    height: 30px;
    left: 1315px;
    mix-blend-mode: normal;
    position: absolute;
    top: 25px;
    width: 30px;
}